<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--<meta http-equiv="Access-Control-Allow-Origin" content="*">-->
    <title>...被彩蛋砸中！同学：不可思议...</title>

    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="bookmark" href="favicon.ico"/>

    <link rel="stylesheet" type="text/css" href="/resource/myresource/css/animate/animate.min.css" />
    <link rel="stylesheet" href="/resource/myresource/77/css/jquery.fullPage.css" />
    <!--<link rel="stylesheet" href="resource/src/fullpage.css" />-->
    <!--<link rel="stylesheet" href="resource/css/animate/animate.css" />-->
    <!--<link rel="stylesheet" href="resource/css/layui.css"  media="all"/>-->
    <link rel="stylesheet" href="/resource/myresource/games/images/index.css" />
    <link rel="stylesheet" href="/resource/myresource/master/css/style.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="/resource/myresource/master/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/resource/myresource/layui/css/layui.css" />
    <!--<link rel="stylesheet" href="resource/layer/mobile/need/layer.css" />-->
    <!--<script src="resource/js/jquery.min.js"></script>-->
    <script type="text/javascript" src="/resource/myresource/js/jquery-2.1.1.min.js"></script>
    <!--<script type="text/javascript" src="/resource/js/jquery.min.js"></script>-->
    <script src="/resource/myresource/77/js/jquery.fullPage.js"></script>
    <!--<script src="resource/src/fullpage.js"></script>-->
    <!--<script src="resource/js/layui.js" charset="utf-8"></script>-->
    <script src="/resource/myresource/layui/layui.js"></script>
    <script src="/resource/myresource/master/js/bootstrap.min.js"></script>
    <!--<script type="text/javascript" src="resource/texiao/js/three.js"></script>-->
    <script type="text/javascript" src="/resource/myresource/namuol-cheet.js-5c1a8e8/cheet.js"></script>
    <!--<script type="text/javascript" src="resource/layer/layer.js"></script>-->
    <!--<embed src="resource/song.mp3" hidden="true" autostart="true" loop="1">-->

    <style type="text/css">
        body,
        html,
        b,
        h2,
        h1 {
            margin: 0;
            padding: 0;
        }

        .zong {
            /*width:auto;
        height:auto;*/
            width: 100%;
            height: auto;
            position: fixed;
            top: 0;
            bottom: 0;
            background-image: url(/resource/myresource/images/P22.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%;

        }

        #logo {
            height: 50px;
            width: 225px;
            position: fixed !important;
            top: 30px;
            left: 50px;
            /*background-color: rgba(0,0,0,0.5);*/
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(/resource/myresource/images/logo.png);
            display: none;
        }

        #youshang {
            height: 315px;
            width: 315px;
            position: fixed !important;
            top: 0px;
            right: 0px;
            /*background-color: rgba(0,0,0,0.5);*/
            opacity: 0.25;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(/resource/myresource/images/zhuang1.png);
            display: none;
            animation-delay: 0.8s;
        }

        #biaoyu {
            height: 50px;
            width: 225px;
            position: fixed !important;
            bottom: 20px;
            right: 20px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(/resource/myresource/images/biaoyu.png);
            display: none;
            animation-delay: 0.4s;
        }

        #youxia{
            height: 100px;
            width: 100px;
            position: absolute !important;
            float:right;
            bottom: -10px;
            right: 0px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(/resource/myresource/images/hi.gif);
            opacity: 0.8;
            display: none;
        }


        #zuoxia {
            height: 400px;
            width: 600px;
            position: fixed !important;
            bottom: -50px;
            left: -300px;
            opacity: 0.2;
            transform: rotateZ(0deg);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-image: url(/resource/myresource/images/zuoxia2.png);
            display: none;
            animation-delay: 1.2s;
        }

        .fp-controlArrow.fp-prev {
            left: 15px;
            width: 0;
            border-width: 15px 15px 15px 0;
            border-color: transparent #333333 transparent transparent;
        }

        .fp-controlArrow.fp-prev:hover {
            border-color: transparent #000000 transparent transparent;
        }

        .fp-controlArrow.fp-next {
            right: 15px;
            border-width: 15px 0 15px 15px;
            border-color: transparent transparent transparent #333333;
        }

        .fp-controlArrow.fp-next:hover {
            right: 15px;
            border-width: 15px 0 15px 15px;
            border-color: transparent transparent transparent #000000;
        }

        #fp-nav ul li a span,
        .fp-slidesNav ul li a span {
            top: 2px;
            left: 2px;
            width: 8px;
            height: 8px;
            border: 0px solid #000 !important;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            position: absolute;
            z-index: 1;
        }

        #fp-nav ul li a.active span,
        .fp-slidesNav ul li a.active span {
            background: rgba(0, 0, 0, 0.8);
        }

        #fp-nav.right {
            right: 32px;
        }
        /*#fp-nav ul{
        margin: 0;
        padding: 0;
        position: relative;
        left:-15px;
    }*/
        /*#zhou{
            position:  !important;
        }*/
        #timezhou {
            position: relative;
            color: #6C757D;
            font-size: 16px;
            top: -10px;
            /*left:300px;*/
            background-color: rgba(255, 255, 255, 0.5);
            margin-left: 50%;
            left: -650px;
            width: 1300px;
            height: 650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
            /*padding-left: 80px;
            padding-right: 80px;
            padding-top:80px;*/
            /*background-image: url(images/notf.png);*/
            /*background-image: url(images/404.png);*/
        }

        #yijitou {
            float: left;
            display: none;
        }

        #zhouxin {
            margin-left: 80px;
            margin-top: 30px;
            margin-right: 80px;
            /*overflow-y:auto;*/
            display: none;
        }

        #photo {
            position: relative;
            color: #6C757D;
            font-size: 16px;
            top: -10px;
            /*left:300px;*/
            background-color: rgba(255, 255, 255, 0.5);
            margin-left: 50%;
            left: -650px;
            width: 1300px;
            height: 650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
        }

        #imgzuosh1 {
            height: 325px;
            width: 650px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 10px 0 0 0;
            overflow: hidden;
            position: relative;
        }

        #imgzuosh2 {
            height: 325px;
            width: 325px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            overflow: hidden;
            animation-delay: 0.6s;
            position: relative;
        }

        #imgzuosh3 {
            clear: both;
            height: 325px;
            width: 325px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 0 0 0 10px;
            overflow: hidden;
            animation-delay: 0.45s;
            position: relative;
        }

        #imgzuosh4 {
            height: 325px;
            width: 325px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            overflow: hidden;
            animation-delay: 0.75s;
            position: relative;
        }

        #imgzuosh5 {
            height: 325px;
            width: 325px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            overflow: hidden;
            animation-delay: 0.3s;
            position: relative;
        }

        #imgzuosh6 {
            height: 650px;
            width: 325px;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 0 10px 10px 0;
            /*position:absolute;*/
            top: -325px;
            right: 0;
            overflow: hidden;
            animation-delay: 0.15s;
            position: relative;
        }

        #photo img {
            width: 100%;
            height: 100%;
            transition: all 0.5s ease-in-out;
            cursor: pointer;
        }

        #ctrlp {
            display: none;
        }

        .imgz img:hover {
            transform: scale(1.3);
        }

        #test1 {
            margin-left: 50%;
            position: relative;
            left: -650px;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.0);
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            overflow: hidden;
            display: none;
            animation-delay: 0.4s;
        }

        #bingo {
            margin-left: 100px;
            font-size: 16px;
            margin-top: 80px;
            color: #C6C8CA;
            animation-delay: 0.2s;
        }

        #bingo2 {
            margin-left: 105px;
            margin-top: 10px;
            animation-delay: 0.6s;
        }

        #bingo3 {
            margin-left: 105px;
            margin-top: 10px;
            animation-delay: 1s;
        }

        #bingo4 {
            margin-left: 105px;
            margin-top: 10px;
            animation-delay: 1.5s;
        }

        #tuku {
            position: absolute;
            bottom: 380px;
            left: 105px;
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 15px;
            width: 120px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            animation-delay: 1.9s;
        }

        #tuku:hover {
            background-color: rgba(0, 0, 0, 0.55);
        }

        #shijianzhou:hover {
            background-color: rgba(0, 0, 0, 0.55);
        }

        #shijianzhou {
            position: absolute;
            bottom: 380px;
            left: 245px;
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 15px;
            width: 120px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            animation-delay: 2.3s;
        }

        #menu1 {
            background: #000000;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        #menu1 a {
            /*width:120px;
        height:30px;*/
            /*color:#ADB5BD;*/
            text-decoration: none;
        }

        #photobiao {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
            color: #C2C2C2;
            font-size: 14px;
            background-color: rgba(0, 0, 0, 0.6);
            padding-left: 30px;
            line-height: 50px;
            animation-delay: 0.6s;
            display: none;
        }

        .zhezhao {
            width: 100%;
            height: 50px;
            position: absolute;
            bottom: -50px;
            background-color: rgba(0, 0, 0, 0.0);
            text-align: center;
            line-height: 50px;
            left: 0;
            /*bottom:0;*/
            z-index: 10;
            font-size: 12px;
            transition: all 0.8s ease-in-out;
            color: #C2C2C2;
        }

        .imgz:hover .zhezhao {
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
        }

        #home {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.5);
            line-height: 50px;
            font-size: 12px;
            color: #B2B2B2;
            text-align: center;
            border-radius: 5px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
            cursor: pointer;
            display: none;
            animation-delay: 1.6s;
        }

        #home:hover {
            background-color: rgba(0, 0, 0, 0.75);
        }

        .myskin {
            background-color: rgba(255, 255, 255, 0.95) !important;
            border-radius: 10px 10px 10px 10px !important;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.65) !important;
        }

        .mua {
            background-image: url(/resource/myresource/images/qinqin.gif);
            width: 240px;
            height: 240px;
            text-align: center;
            font-size: 25px !important;
            line-height: 240px !important;
            color: #000000 !important;
            background-color: rgba(0, 0, 0, 0) !important;
            border: 0px !important;
            border-radius: 15px !important;
        }

        .bye {
            background-image: url(/resource/myresource/images/bye.gif);
            width: 200px;
            height: 200px;
            background-size: 100% 100% !important;
            background-color: rgba(0, 0, 0, 0) !important;
            border: 0px !important;
            border-radius: 15px !important;
        }

        #slixia1 {
            width: 1300px;
            height: 650px;
            position: relative;
            color: #B9BBBE;
            font-size: 16px;
            top: -10px;
            /*text-align: center;*/
            /*line-height: 650px;*/
            background-color: rgba(0, 0, 0, 0.5);
            margin-left: 50%;
            left: -650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
        }

        #slixia2 {
            /*display: none;*/
            width: 1300px;
            height: 650px;
            position: relative;
            color: #4E555B;
            font-size: 16px;
            top: -10px;
            /*left:300px;*/
            background-color: rgba(255, 255, 255, 0.85);
            margin-left: 50%;
            left: -650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
        }

        #slixia3 {
            /*display: none;*/
            width: 1300px;
            height: 650px;
            position: relative;
            color: #B9BBBE;
            font-size: 14px;
            top: -10px;
            /*left:300px;*/
            background-color: rgba(0, 0, 0, 0.5);
            margin-left: 50%;
            left: -650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
        }

        #slixia4 {
            /*display: none;*/
            width: 1300px;
            height: 650px;
            position: relative;
            color: #4E555B;
            font-size: 16px;
            top: -10px;
            /*left:300px;*/
            background-color: rgba(255, 255, 255, 0.8);
            margin-left: 50%;
            left: -650px;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
            transition: all 0.5s ease-in-out;
        }

        body .myskin .layui-layer-title {
            background-color: rgba(0, 150, 150, 0.6) !important;
            border-radius: 10px 10px 0 0 !important;
            cursor: pointer;
            color: #E3E3E3;
        }

        body .myskin .layui-layer-btn0,
        body .myskin .layui-layer-btn1 {
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
            border: 0;
            border-radius: 5px !important;
        }

        body .myskin .layui-layer-btn0 {
            background-color: rgba(0, 0, 0, 0.6);
        }

        body .myskin .layui-layer-btn1 {}

        body .myskin .layui-layer-content {
            color: #4E555B;
        }

        #doub {
            margin-top: 80px;
            margin-left: 100px;
            float: left;
        }

        #refsh {
            float: left;
            display: none;
            margin-top: 130px;
            margin-left: 30px;
            font-size: 14px;
        }

        #refsh b:hover {
            background-color: rgba(0, 0, 0, 0.75) !important;
        }

        #dandan {
            margin-top: 80px;
            margin-left: 130px;
            background-image: url(/resource/myresource/images/dandan.gif);
            width: 150px;
            height: 150px;
            opacity: 0.85;
            float: left;
        }

        .layui-timeline p,
        .layui-timeline li {
            color: #4E555B;
        }

        #say1 {
            margin-top: 150px;
            margin-left: 30px;
            float: left;
            display: none;
            animation-delay: 0.3s;
        }

        #say2 {
            /*margin-top:10px;
        margin-left: 30px;*/
            float: left;
            clear: both;
            position: relative;
            top: -50px;
            left: 310px;
            font-size: 14px;
            display: none;
            animation-delay: 0.8s;
        }

        #say3 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: -30px;
            margin-left: 150px;
            display: none;
            animation-delay: 1.3s;
        }

        #say4 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: 0px;
            margin-left: 150px;
            display: none;
            animation-delay: 1.8s;
        }

        #say5 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: 10px;
            margin-left: 150px;
            display: none;
            animation-delay: 2.3s;
        }

        #say6 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: 10px;
            margin-left: 150px;
            display: none;
            animation-delay: 2.8s;
        }

        #say7 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: 10px;
            margin-left: 150px;
            display: none;
            animation-delay: 3.3s;
        }

        #say8 {
            font-size: 14px;
            float: left;
            clear: both;
            margin-top: 10px;
            margin-left: 150px;
            display: none;
            animation-delay: 3.8s;
        }

        #tiaopi {
            width: 120px;
            height: 120px;
            background-image: url(/resource/myresource/images/tiaopi.gif);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: absolute;
            opacity: 0.5;
            bottom: -120px;
            right: 0px;
            transition: all 0.85s ease-in-out;
        }

        #slixia1:hover #tiaopi {
            bottom: -20px;
        }

        #tiaopi:hover {
            bottom: -120px !important;
        }

        /*.snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 100001;

        }*/
        /*#ref2{
            display: none;
        }
        #ref3{
            display: none;
        }
        #ref4{
            display: none;
        }*/
        .img1on{
            width:1000px !important;
            height:500px !important;
            background-image:url(/resource/myresource/images/0002.jpg);
            background-size:100% 100%;
            background-repeat: no-repeat;
            border:0px !important;
            border-radius: 10px !important;
            box-shadow: 2px 2px 3px rgba(0,0,0,0.75) !important;
        }
        .img6on{
            width:500px !important;
            height:1000px !important;
            background-image:url(/resource/myresource/images/0003.jpg);
            background-size:100% 100%;
            background-repeat: no-repeat;
            border:0px !important;
            border-radius: 10px !important;
            box-shadow: 2px 2px 3px rgba(0,0,0,0.75) !important;
        }
        .mypro{
            border-radius:11px 11px 10px 10px !important;
            background-color:rgba(255,255,255,0.95) !important;
            box-shadow:2px 2px 3px rgba(0,0,0,0.8) !important;
        }
        .mypro .layui-layer-title{
            border-radius:10px 10px 0 0;
            background-color:rgba(0,0,0,0.85) !important;
            color:#cccccc;
        }
        .mypro .layui-layer-content {
            text-align: center;
            /*background: linear-gradient(top,#FFF,#000) !important;jianbianweishenmemeiyouxiaoguo*/
        }
        .mypro .layui-layer-input{
            margin:30px !important;
            border-radius:10px 10px 10px 10px;
            height:30px;
            padding-left:15px !important;
            width: 250px !important;
            border:0px !important;
        }
        .mypro .layui-layer-btn{
            border-radius:0 0 10px 10px !important;

        }
        #myifr{
            opacity: 0.7;
            display: none;
        }
        #startg:hover{
            background-color: rgba(0,0,0,0.9) !important;
        }
    </style>
    <!--逛了一下百度，颇有收获，比如  http://lou.wtf/cheet.js/      https://www.imooc.com/article/27610-->
    <!--http://www.ascii-art-generator.org/-->
    <!--Konami code-->
    <script type="text/javascript">
        !function(e){
            console.log(e);
        }('彩');
        (function(){
            console.log('蛋');
        }());//zizixinghanshu
        window.onload = function() {

            var btnok=1;
            //不要打我，嘿嘿
            console.log("                         .':ccccloolllcccclllodocccc,..                         \n                     .;cllc:,.                   .';:lllc,.                     \n                 .,llc:'.       .              .       .,cll:.                  \n               ,loc,.      .;loxd'            .dx;::.      .:ll:.               \n            .:ol,.         ;0XOKKo.           'OWNOc.         .:ol'             \n          .cdc.     ...    .;c''l;.          .,d0Xk'     .:;.   .;oo'           \n         ;dl.     ;k0Xk,    .'                  .,c.   .l0NN0d'    ,ol.         \n       .oo.       :KWMWO,      .',;;;;,,,,;;;,,..      .kWNWNx'      :x:        \n      ;d:          'xOc.   .,;;;;,....   ....',;;;;,.  .;;',,.        .oo.      \n    .lx'   .,.       .  .;:;'.                    .;::,.         .:,   .cd'     \n   .ld.   .oXk;''.    ,c:'                           .;c;.    .co0N0c.   :x,    \n   lx.  .lOXWMO;.   .cc.         .,,'....     .;lc,     ,l;.   ';OMMXc    cx'   \n  :k,    ,dKWK:    ;l'       .,loc;..        .xWMMNd.    .:l.   .o0kc.     ld.  \n 'xc       .c;   .cl.      .l0Ko.            .xWMMWd.      ,o,   ',        .xl  \n od.    ..      .cc.     .c0WXc       .''''.  'ldd:.        'o'             :k, \n'kc    .do.     :l.     .dNMWd.    ,oOXNNNNOdk0KK0Od:.       ;o.   .,'''..  .xl \n cx.  'c:xl     .o,     .dWMMWl    .:cdO00XMMMMMMMMMMWO,      .lc    ...';,.  lk.\n dx. .:kkc;.    :o.     :XMMMWx.        ;dKMMMMMMMMMMMM0,      ;o.   .''ckl.  ;k'\n xd     . .'    cl     .dMMMMMNl        lWWMMMMMWKOkk0XWx.     'o'   ......   ,x,\n xd             lc     .kMMMMMMNx,      lNWMMMM0l::;;,,ld'     .o,            'x;\n dd             co.    .dWMMMMMMMNkc,...;dKMMMMX0NWWWXx,.      'o.            ,x,\n ox.            ,o.     ;XMMMMMMMMMMWXK00KNMMMMMMMMMMMMk.      cl.            ck'\n ;k;            .l:      oNMMMMMMMMMMMMMMMMMMMMMMMMMMMWd.     .o;             ox.\n .xl    ..'.     .o,     .lXMMMMMMMMMMMMMMMMMMMMMMMMMNx.     .lc     .'.     ,k: \n :x'   ,;...     ,o'      ;OWMMMMMMMMMMMMMMMMMMMMMW0c.      cc.    .';,.    ox. \n .dd.   ,d0K:     'l;      .:kXMMMMMMMMMMMMMMMMMNOc.      .cc.    .c;.     ;k;  \n  'kl   .l0NO;.    .cc.       'cdOXNWMMMMMMWX0xl,.       ,l,     .::,'.   .xc   \n   ,x:    cXWXc      'c:.         .,;:ccc::,..        .,c:.     ,xXO;    .xo.   \n    'xc   .,xKk;.      '::,.                        .;:;.     .;kXKx.   .do.    \n     .dl.   .:0Xd;.      .,:;,'.               ..,;:;.      .:0Kkc'.   ,xc      \n      .ld'    ,lOx,,.        .,;;;;;;,,,,,;;;;;;;'.       .c0NWk'    .cd,       \n        ,dl.    .:xOo.            ...........          ...cxx0x'    ,dl.        \n         .:dc.    .:;  ,:..                         ..:xOol:..    ,oo'          \n           .:ol.      .,cxkkko',:'.     .       .,lO0kOOc.     .;ol,            \n             .;ll:.     .,ck0xoxKXKd;lc:ddol'   ,ONk:'..     'coc'              \n                .:ll:'      . ...clldxdc:cdx:.   .'.     .,cll;.                \n                   .:lcl:,.                         .';cllc,.                   \n                       .;ccccc:;,.............';::ccclc,.                       \n                           .':lkKK00OkkkkkOO0KKOdc,.                            ");
            console.info("                      .                                                                                                                            .                                                   \n                     .d0k:    .''.                                                                                     :l.                         ld. ..                           .:lcc.              \n                    ,ol,;:;. ,ON0,                                                        .;loo;               ,d:.   '0WXOo.                  ,:..xl 'OXo.                 .,'.    cXXNNl...           \n              ,l, .d0: .cOWXOXMNd'.                                          ..;::;..,;cloddooc'             .lXNx... '0Nkl,                ;'.xd..xKdxNXc               .cOXWNl... .:cxK00Kl.          \n             cXWk..kWk:cckWMMMMMXx;                                        ;c:dNWXo. ':ccdd'               .:OXOddxx,.od,                  '0d,xl;kXO;lk:...         .:co0WMMXl.;0o;d0NWW0o,            \n           'kNMWXo,xWd:okXMWKxOW0:.                     .                  ..;dXNkl; .coOWWxcll,           .ok:.;K0;...                    '0d...:Ok:;lllk00k,       .:OWMMMWd..dWWWMMMWx.              \n          .dOooKNl.xM0ddxXWOoodxxd,                  'oOk'  ..              '0O;;lc.'kWXKWWxdNMx.            ..;kNX0x;    ...              .l; .;ll::;,,oXXkc.        .kWMMMX; :XXkk0NMK;               \n           . .oKd..kW0coXMWNkc;;;;;;;'          ,,  '0MMx. .x0xl'           :Xk,;oxdkNMOxNWO0WX:            .;lOWMMM0,'cxO0KO:          'oo,;lool:,..,lxd:.           :XMMNXx. .:'  'OMXOc              \n             ;kl. .:O0odXMNOdddxxxkOOd.        :Xk. .OMWo';oKMMMK:        .lXMXk0WMKl:c;xMXxdOl.          .,,,:xNMMMN0KWWXOo;.         .xWN0kl.  cOk00c.              oWMKc..     .ckXMXx'              \n    .',,,;::cldoccdOl,.;KMO''cloodo:.         .OMk'.cKMNOxdokNMMMx.       cNMMXkkxc'.   dMO.              :KKocOWMNO:cKk,.    ..        .::'.    .''dK:              .xMMO.   .llclkNWO,      ..        \n    'xXNWWX0xl;'.;kXl  ;XMk.oWNNNWMNl        .dWMNK0ko:'.    cO0x'        ,0WMK;       .xMk.               ,loOWMNl  ,00ollodk00o.                ..oN0c::;,.        .kMMO.   .'',oOKNo       .lo;.     \n      .;:;..   .oNMWk::kWMx..,''';c:.         cOko;.           .           .:c,        .xMk.              ,xX0ONMX;   .;:codddoc'              .cdxxkXMXo;;,.        '0MMO.     cOd,cO;      .'xWWk.    \n               .lO0o'.dNNO,                                                             dX;              .cd:..cXK,                           .xk;''cKM0'            .kNXo.   'xx,  l0l:cccloodddo;     \n                       ..                                                               ,c.                     .'                             ;llodxoc,              .'.     .,.    ,:c:,...           \n                                                                                                                                                 .,                                                     ");
            console.warn("404招新啦：\n");
            console.log('或许你们还在犹豫是否加入，我会坦诚的告诉你我们超酷；\n在这里大家都是零基础起步，UI和前端不仅仅做界面交互；\n后台与数据库也是核心技术，让自己未来不只在原地踏步；\n');
            console.error("加入4〇4实验室创造不可能，我们的未来让我们自己摆渡！");
            var logo = document.querySelector("#logo");
            var youshang = document.querySelector("#youshang");
            var biaoyu = document.querySelector("#biaoyu");
            var zuoxia = document.querySelector("#zuoxia");
            var home = document.querySelector("#home");
            var test1 = document.querySelector("#test1");

            logo.style.display="block";
            logo.classList.add("animated","fadeInDown");
            biaoyu.style.display="block";
            biaoyu.classList.add("animated","fadeInUp");
            youshang.style.display="block";
            //youshang.classList.add("animated","pulse");
            zuoxia.style.display="block";
            //zuoxia.classList.add("animated","pulse");
            home.style.display="block";
            home.classList.add("animated","bounceInRight");
            test1.style.display="block";
            test1.classList.add("animated","fadeIn");



            cheet('4 0 4', function() {
                alert('404万岁!（实验室）');
                layui.use('layer', function() {
                    //layer.alert('404万岁!（实验室）', {icon: 1});

                    layer.msg("404实验室是最好的实验室！", {
                        //skin:"myskin",
                    });

                });

            });

            cheet('b a o', function() {

                layui.use('layer', function() {
                    //

                    layer.msg("mua~", {
                        skin: "mua",
                        time: 3000,
                    });

                });

            });

//				cheet('\\ r', function() {
//
//					layui.use('layer', function() {
//						//
//
//						layer.msg("mua~", {
//							skin: "mua",
//							time: 3000,
//						});
//
//					});
//
//				});

            //beijingjianbian/huodongxuanze/::before
            cheet('b y e', function() {

                layui.use('layer', function() {
                    //

                    layer.msg("", {
                        skin: "bye",
                        time: 2000,
                    });

                });

            });

            cheet('m z y', function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.confirm('马忠缘帅吗?', {
                        title: "一个流传的问题",
                        skin: 'myskin',
                        btn: ['不帅？', '比我帅！']
                    }, function() {
                        layer.msg('瞎说！', {
                            icon: 2,
                            skin: "myskin",

                        });
                    }, function() {
                        layer.msg('肯定的呀', {
                            skin: "myskin",
                            time: 20000,
                            btn: ['这个', '必须！']
                        });
                    });

                });

            });
            cheet('t y x', function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.confirm('滕禹鑫长得帅吗?', {
                        title: "一个古老的问题",
                        skin: 'myskin',
                        btn: ['真帅', '真特么帅！']
                    }, function() {

                        layer.msg('就是这么帅', {
                            icon: 1,
                            skin: "myskin",

                        });
                    }, function() {
                        layer.msg('我也觉得帅', {
                            skin: "myskin",
                            time: 20000,
                            btn: ['是是是', '对对对']
                        });
                    });

                });

            });

            cheet('z k', function() {

                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.confirm('赵琨是谁?', {
                        title: "一个奇怪的问题",
                        skin: 'myskin',
                        btn: ['不认识', '不知道']

                    }, function() {
                        layer.msg("就是这个彩蛋的作者本人啦");
                    }, function() {
                        layer.msg("就是这个彩蛋的作者我啦");
                    });

                });

            });

            //document.querySelector("#test1").style.display = "block";
            document.querySelector("#test").onclick = function() {
                //			 	console.log("hhh");

                layui.use('layer', function() {
                    //					var index = layer.load(1,{time:1000});
                    layer.msg('未来还在继续！');

                });

            }

            //			 	什么鬼，layui和layer一起使用为什么会报一些不知名的错误，刚开始我怀疑是layer和我的插件
            //				fullpage冲突(打架),之后又译为是layui和layer不能并用，上网查资料，firebug各种排错，后来不经意间发现woc，怎么
            //              少了一些引用资源，才想到是之前滕禹鑫和马忠缘合（前后端）的时候改路径的时候縢禹鑫把一些“认为没用的东西删了”
            //              并且没有对他前端（layui）的引用造成影响。。。于是重新下载组件，果然。。。{哇的一声就哭了，难受香菇}我花了一天
            //              时间排错。。。
            //			 	好了，抱怨完了，继续打代码。。。
            //			 }

            $('#dowebok').fullpage({

                scrollingSpeed: "1000",
                navigation: "true",
                slidesNavigation: "true",
                //				controlArrowColor:"rgba(0,0,0,0.5)",
                slidesColor: ["rgba(0,0,0,0)", "rgba(0,0,0,0)", "rgba(0,0,0,0)", "rgba(0,0,0,0)"],
                anchors: ['page1', 'page2', 'page3', "page4"],

                menu: '#menu1',

                afterLoad: function(anchorLink, index) {
                    if(index == 1) {




                    }

                    if(index == 2) {
                        document.querySelector("#ctrlp").style.display = "block";
                        document.querySelector("#imgzuosh1").classList.add("animated", "fadeInDown");
                        document.querySelector("#imgzuosh2").classList.add("animated", "slideInDown");
                        document.querySelector("#imgzuosh3").classList.add("animated", "fadeInLeft");
                        document.querySelector("#imgzuosh4").classList.add("animated", "slideInUp");
                        document.querySelector("#imgzuosh5").classList.add("animated", "fadeInUp");
                        document.querySelector("#imgzuosh6").classList.add("animated", "fadeInRight");
                        document.querySelector("#photobiao").style.display = "block";
                        document.querySelector("#photobiao").classList.add("animated", "fadeInDown");
                    }
                    if(index == 3) {
                        document.querySelector("#refsh").style.display = "block";
                        document.querySelector("#refsh").classList.add("animated", "fadeInUp");
                    }

                    if(index == 4) {

                        //                      	layui.use('layer', function(){
                        //							 var index = layer.load(0, {shade: false});
                        //							});

                        document.querySelector("#zhouxin").style.display = "inline-block";
                        document.querySelector("#zhouxin").classList.add("animated", "fadeInUp");
                    }
                },

                //              afterSlideLoad: function(section, origin, destination, direction){
                //              	var loadedSlide = this;
                afterSlideLoad: function(anchorLink, index, slideIndex, direction) {
                    //              	if(section.index == 2 && destination.index == 1){
                    if(index == 3 && slideIndex == 1) {
                        //              		alert("Second slide loaded");

                        layui.use('layer', function() {
                            layer.tips('hello,hello~', '#dandan', {
                                tips: [1, '#333333'],
                                time: 2500
                            });

                        });
                        var say1 = document.querySelector("#say1");
                        say1.style.display = "block";
                        say1.classList.add("animated", "fadeInUp");
                        var say2 = document.querySelector("#say2");
                        say2.style.display = "block";
                        say2.classList.add("animated", "fadeInUp");
                        var say3 = document.querySelector("#say3");
                        say3.style.display = "block";
                        say3.classList.add("animated", "fadeInUp");
                        var say4 = document.querySelector("#say4");
                        say4.style.display = "block";
                        say4.classList.add("animated", "fadeInUp");
                        var say5 = document.querySelector("#say5");
                        say5.style.display = "block";
                        say5.classList.add("animated", "fadeInUp");
                        var say6 = document.querySelector("#say6");
                        say6.style.display = "block";
                        say6.classList.add("animated", "fadeInUp");
                        var say7 = document.querySelector("#say7");
                        say7.style.display = "block";
                        say7.classList.add("animated", "fadeInUp");
                        var say8 = document.querySelector("#say8");
                        say8.style.display = "block";
                        say8.classList.add("animated", "fadeInUp");
                    }
//						var btnok=1;
                    if(index==3&&slideIndex==2){
                        if(btnok==1){
                            layui.use("layer",function(){
                                layer.prompt({
                                        title: '那么，蛋蛋应该怎么称呼您呢？', formType: 0,
                                        skin:"mypro",
                                    },
                                    function(name, ind){
                                        layer.close(ind);
                                        localStorage.setItem("username",name);
                                        console.log(name);

                                        setTimeout(
                                            function() {
                                                layer.msg('蛋蛋已经对您有了初步的了解了呢，'+'快来和蛋蛋聊天吧！',{
                                                    time:1500,
                                                });
                                            }, 500);



                                        //layer.close(index);
                                        //var name =localStorage.getItem("username");
                                        setTimeout(
                                            function() {
                                                $('.chat-thread').append('<li class="left">' + name +'，你好你好呀！' + '</li>');

                                            }, 2500);


                                    },function(){
                                        layer.close(ind);
                                    }
                                );
                                //layer.close(index);
                            });
                            //btnok++;
//								var name =localStorage.getItem("username");
//								$('.chat-thread').append('<li class="left">' + name +'，你好你好！' + '</li>');

                        }
                        btnok++;
                    }


                    if(index==3&&slideIndex==3){
                        document.querySelector("#youxia").style.display="block";
                        setTimeout(
                            function() {
                                document.querySelector("#youxia").style.display="none";


                            }, 2500);


                    }






                },

            });
            //			document.querySelector("#zhou").onmouseover =function(){
            //				document.querySelector("#zhouxin").classList.add("animated","fadeInUp");
            //				console("4445");
            //			}
            //			layui.use('layer', function(){
            //				var index = layer.load(0, {shade: false});
            //				layer.msg('weishenmabuxing,wokaonidaye');
            //			});
            //			layui.use('layer', function(){
            //			  	var layer = layui.layer;
            //
            //			 	layer.msg('hello');
            //			});
            document.querySelector("#bb").onclick = function() {

//					document.querySelector("#ref1").classList.add("slide");
//					document.querySelector("#ref2").classList.add("slide");
//					document.querySelector("#ref3").classList.add("slide");
//					document.querySelector("#ref4").classList.add("slide");
//
//					setTimeout(
//						function() {
//							document.querySelector("#ref2").style.display="block";
//							document.querySelector("#ref3").style.display="block";
//							document.querySelector("#ref4").style.display="block";
//
//
//
//						}, 1000);
//
//
//
//					document.querySelector("#slixia2").style.display="block";
//					document.querySelector("#slixia3").style.display="block";
//					document.querySelector("#slixia4").style.display="block";
                layui.use("layer", function() {
                    var index = layer.load(1, {
                        shade: [0.1, '#000'],
                        time: 1500,
                        end: function() {
                            layer.msg("嘿嘿，似乎加载不出来呢，先去旁边页面看看吧", {
                                time: 1500,
                                end: function() {
                                    layer.tips('点击这里试试看', '.fp-controlArrow.fp-next ', {
                                        tips: [1, '#333333'],
                                        time: 3000
                                    });
                                }
                            });
                        }
                    });

                });
                var bika = document.getElementById("pikaqiu");
                bika.src = "resource/myresource/pikaqiu.mp3";
                bika.play();




            }
            document.getElementById("startg").onclick=function(){
                var index = layer.load(1, {
                    shade: [0.1, '#000'],
                    time: 500,
                    end: function() {
                        document.querySelector("#myi").style.display="none";
                        var ifr=document.querySelector("#myifr");
                        ifr.style.display="block";
                        ifr.classList.add("animated","slideInDown");
                        document.querySelector("#pikaqiu").pause();
                        ifr.src="resource/myresource/games/index.html";

                        layui.use("layer",function(){

                            layer.msg("此游戏由百度js小组提供！",{
                                time:2500,
                            });
                        });
                        document.querySelector("#exitbtn").style.display="block";
                        document.querySelector("#exitbtn").classList.add("animated","fadeIn");
                        document.querySelector("#slixia4").style.backgroundColor="rgba(255,255,255,0)";
                        document.querySelector("#slixia4").style.boxShadow="1px 1px 1px rgba(0,0,0,0)";


                    }
                });


            }

            document.querySelector("#exitbtn").onclick = function(){
                var ifr=document.querySelector("#myifr");
                ifr.style.display="none";
                //ifr.classList.add("animated","fadeOut");
                document.querySelector("#pikaqiu").play();
                ifr.src="";
                document.querySelector("#slixia4").style.backgroundColor="rgba(255,255,255,0.8)";
                document.querySelector("#slixia4").style.boxShadow="3px 3px 3px rgba(0,0,0,0.9)";
                document.querySelector("#myi").style.display="inline-block";
                document.querySelector("#exitbtn").style.display="none";
            }



            var flag = 1;
            document.querySelector("#dandan").onclick = function() {
                if(flag == 1) {

                    layui.use("layer", function() {
                        layer.tips("*(੭*ˊᵕˋ)੭*", "#dandan", {
                            tips: [2, '#333333'],
                            time: 2000,

                        });

                    });

                }

                if(flag == 2) {
                    layui.use("layer", function() {
                        layer.tips("点击下一页可以和蛋蛋聊天哦！", "#dandan", {
                            tips: [2, '#333333'],
                            time: 2000,

                        });

                    });
                    //flag--;
                }
                flag++;
            }

            document.querySelector("#slixia1").onmouseover = function() {
                layui.use("layer", function() {
                    layer.tips("hello!", "#tiaopi", {
                        tips: [1, '#333333'],
                        time: 1500
                    });

                });
                //document.querySelector("#pikaqiu").src='resource/pikaqiu.mp3';
                //				var bika= document.getElementById("pikaqiu");
                //				bika.src="resource/pikaqiu.mp3";
                //				bika.play();
                //哇，要哭了，感动，终于要成功了，剩下最后一步就是让蛋蛋“复活”，蛋蛋，等着我！

            }

            document.querySelector("#img1").onclick=function(){
                layui.use("layer",function(){
                    layer.msg("",{
                        time:2000,
                        skin:"img1on"
                    });
                });
            };
            document.querySelector("#img6").onclick=function(){
                layui.use("layer",function(){
                    layer.msg("",{
                        time:2000,
                        skin:"img6on"
                    });
                });
            };
            document.querySelector("#timetip1").onmouseover=function  () {
                layui.use("layer",function(){
                    layer.tips("致敬bootstrap,layer,jq,layui,\n animate,fullpage,cheet","#timetip1",{
                        tips:[1,"#333333"],
                        time:2000,
                    });
                });
            }
            document.querySelector("#timetip2").onmouseover=function  () {
                layui.use("layer",function(){
                    layer.tips("致敬图灵机器人","#timetip2",{
                        tips:[1,"#333333"],
                        time:2000,
                    });
                });
            }

            layui.use('carousel', function() {
                var carousel = layui.carousel;

                carousel.render({
                    elem: '#test1',
                    width: '1300px',
                    height: '650px',
                    arrow: 'hover',
                    interval: '5000'
                    //,anim: 'updown'
                });
            });
            var sss;
            var code;
            var msg;



            $('#button').click(function() {

                var shi = document.querySelector("#shishi").value;
                if(shi == "") {
                    return;
                }

                $.ajax({
                    type: "POST",
                    url: "/bingo/chat",
                    data: {
                        "msg": shi,
                        //"apiKey": "6920335bcf7940d880fcfa427b8cfcf4"
                        "apiKey":"2fac40b3894642388db050607eff9206"
                        //"apiKey":"6c176da65cf24d96a46c3ce5f3397850",
                        //apiKey:"1"
                        //"apiKey":"",
                        //nalichuwemtil mmd,why?
                    },
                    dataType: "json",
                    success: function(res) {
                        //alert(res);
                        console.log(res);
                        msg=res.msg;
                        sss = res.data;
                        code=res.code;
                        var form_val = $('.form-control').val();
                        $('.chat-thread').append('<li class="right">' + form_val + '</li>');
                        $('.form-control').val('');

                        if(code==0){
                            setTimeout(
                                function() {
                                    $('.chat-thread').append('<li class="left">' + sss + '</li>');
                                    $('.chat-thread').scrollTop($('.chat-thread')[0].scrollHeight);

                                }, 1000);

                        }else{
                            setTimeout(
                                function() {
                                    $('.chat-thread').append('<li class="left">' + msg + '</li>');
                                    $('.chat-thread').scrollTop($('.chat-thread')[0].scrollHeight);

                                }, 1000);


                        }
                    }
                });

                //dandan(sss);
            });

        }

        //function randomRange(t,i){return Math.random()*(i-t)+t}Particle3D=function(t){THREE.Particle.call(this,t),this.velocity=new THREE.Vector3(0,-2,0),this.velocity.rotateX(randomRange(-45,45)),this.velocity.rotateY(randomRange(0,360)),this.gravity=new THREE.Vector3(0,0,0),this.drag=1},Particle3D.prototype=new THREE.Particle,Particle3D.prototype.constructor=Particle3D,Particle3D.prototype.updatePhysics=function(){this.velocity.multiplyScalar(this.drag),this.velocity.addSelf(this.gravity),this.position.addSelf(this.velocity)};var TO_RADIANS=Math.PI/180;THREE.Vector3.prototype.rotateY=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.z,o=this.x;this.x=o*cosRY+i*sinRY,this.z=o*-sinRY+i*cosRY},THREE.Vector3.prototype.rotateX=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.z,o=this.y;this.y=o*cosRY+i*sinRY,this.z=o*-sinRY+i*cosRY},THREE.Vector3.prototype.rotateZ=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.x,o=this.y;this.y=o*cosRY+i*sinRY,this.x=o*-sinRY+i*cosRY};
        //$(function(){var container=document.querySelector(".snow-container");if(/MSIE 6|MSIE 7|MSIE 8/.test(navigator.userAgent)){return}else{if(/MSIE 9|MSIE 10/.test(navigator.userAgent)){$(container).css("height",$(window).height()).bind("click",function(){$(this).fadeOut(1000, function(){$(this).remove()})})}}var containerWidth=$(container).width();var containerHeight=$(container).height();var particle;var camera;var scene;var renderer;var mouseX=0;var mouseY=0;var windowHalfX=window.innerWidth/2;var windowHalfY=window.innerHeight/2;var particles=[];var particleImage=new Image();particleImage.src="img/snow.png";var snowNum=500;function init(){camera=new THREE.PerspectiveCamera(75,containerWidth/containerHeight,1,10000);camera.position.z=1000;scene=new THREE.Scene();scene.add(camera);renderer=new THREE.CanvasRenderer();renderer.setSize(containerWidth,containerHeight);var material=new THREE.ParticleBasicMaterial({map:new THREE.Texture(particleImage)});for(var i=0;i<snowNum;i++){particle=new Particle3D(material);particle.position.x=Math.random()*2000-1000;particle.position.y=Math.random()*2000-1000;particle.position.z=Math.random()*2000-1000;particle.scale.x=particle.scale.y=1;scene.add(particle);particles.push(particle)}container.appendChild(renderer.domElement);document.addEventListener("mousemove",onDocumentMouseMove,false);document.addEventListener("touchstart",onDocumentTouchStart,false);document.addEventListener("touchmove",onDocumentTouchMove,false);setInterval(loop,1000/40)}function onDocumentMouseMove(event){mouseX=event.clientX-windowHalfX;mouseY=event.clientY-windowHalfY}function onDocumentTouchStart(event){if(event.touches.length==1){event.preventDefault();mouseX=event.touches[0].pageX-windowHalfX;mouseY=event.touches[0].pageY-windowHalfY}}function onDocumentTouchMove(event){if(event.touches.length==1){event.preventDefault();mouseX=event.touches[0].pageX-windowHalfX;mouseY=event.touches[0].pageY-windowHalfY}}function loop(){for(var i=0;i<particles.length;i++){var particle=particles[i];particle.updatePhysics();with(particle.position){if(y<-1000){y+=2000}if(x>1000){x-=2000}else{if(x<-1000){x+=2000}}if(z>1000){z-=2000}else{if(z<-1000){z+=2000}}}}camera.position.x+=(mouseX-camera.position.x)*0.005;camera.position.y+=(-mouseY-camera.position.y)*0.005;camera.lookAt(scene.position);renderer.render(scene,camera)}init()});
    </script>
</head>

<body>
<!--<embed id="pikaqiu" src="resource/song.mp3" hidden="true" autostart="true" loop="false" >-->
<audio src="/resource/myresource/song.mp3" id="pikaqiu" autoplay="autoplay" preload="metadata"></audio>
<div class="zong">
    <!--<div id="yijitou">
<ul>
    <li>首页</li>
    <li></li>
</ul>
</div>-->
    <div id="logo"></div>
    <div id="youshang"></div>
    <div id="biaoyu"></div>
    <div id="zuoxia"></div>

    <div class="snow-container"></div>
    <script type="text/javascript">
        //function randomRange(t,i){return Math.random()*(i-t)+t}Particle3D=function(t){THREE.Particle.call(this,t),this.velocity=new THREE.Vector3(0,-2,0),this.velocity.rotateX(randomRange(-45,45)),this.velocity.rotateY(randomRange(0,360)),this.gravity=new THREE.Vector3(0,0,0),this.drag=1},Particle3D.prototype=new THREE.Particle,Particle3D.prototype.constructor=Particle3D,Particle3D.prototype.updatePhysics=function(){this.velocity.multiplyScalar(this.drag),this.velocity.addSelf(this.gravity),this.position.addSelf(this.velocity)};var TO_RADIANS=Math.PI/180;THREE.Vector3.prototype.rotateY=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.z,o=this.x;this.x=o*cosRY+i*sinRY,this.z=o*-sinRY+i*cosRY},THREE.Vector3.prototype.rotateX=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.z,o=this.y;this.y=o*cosRY+i*sinRY,this.z=o*-sinRY+i*cosRY},THREE.Vector3.prototype.rotateZ=function(t){cosRY=Math.cos(t*TO_RADIANS),sinRY=Math.sin(t*TO_RADIANS);var i=this.x,o=this.y;this.y=o*cosRY+i*sinRY,this.x=o*-sinRY+i*cosRY};
        //$(function(){var container=document.querySelector(".snow-container");if(/MSIE 6|MSIE 7|MSIE 8/.test(navigator.userAgent)){return}else{if(/MSIE 9|MSIE 10/.test(navigator.userAgent)){$(container).css("height",$(window).height()).bind("click",function(){$(this).fadeOut(1000, function(){$(this).remove()})})}}var containerWidth=$(container).width();var containerHeight=$(container).height();var particle;var camera;var scene;var renderer;var mouseX=0;var mouseY=0;var windowHalfX=window.innerWidth/2;var windowHalfY=window.innerHeight/2;var particles=[];var particleImage=new Image();particleImage.src="img/snow.png";var snowNum=500;function init(){camera=new THREE.PerspectiveCamera(75,containerWidth/containerHeight,1,10000);camera.position.z=1000;scene=new THREE.Scene();scene.add(camera);renderer=new THREE.CanvasRenderer();renderer.setSize(containerWidth,containerHeight);var material=new THREE.ParticleBasicMaterial({map:new THREE.Texture(particleImage)});for(var i=0;i<snowNum;i++){particle=new Particle3D(material);particle.position.x=Math.random()*2000-1000;particle.position.y=Math.random()*2000-1000;particle.position.z=Math.random()*2000-1000;particle.scale.x=particle.scale.y=1;scene.add(particle);particles.push(particle)}container.appendChild(renderer.domElement);document.addEventListener("mousemove",onDocumentMouseMove,false);document.addEventListener("touchstart",onDocumentTouchStart,false);document.addEventListener("touchmove",onDocumentTouchMove,false);setInterval(loop,1000/40)}function onDocumentMouseMove(event){mouseX=event.clientX-windowHalfX;mouseY=event.clientY-windowHalfY}function onDocumentTouchStart(event){if(event.touches.length==1){event.preventDefault();mouseX=event.touches[0].pageX-windowHalfX;mouseY=event.touches[0].pageY-windowHalfY}}function onDocumentTouchMove(event){if(event.touches.length==1){event.preventDefault();mouseX=event.touches[0].pageX-windowHalfX;mouseY=event.touches[0].pageY-windowHalfY}}function loop(){for(var i=0;i<particles.length;i++){var particle=particles[i];particle.updatePhysics();with(particle.position){if(y<-1000){y+=2000}if(x>1000){x-=2000}else{if(x<-1000){x+=2000}}if(z>1000){z-=2000}else{if(z<-1000){z+=2000}}}}camera.position.x+=(mouseX-camera.position.x)*0.005;camera.position.y+=(-mouseY-camera.position.y)*0.005;camera.lookAt(scene.position);renderer.render(scene,camera)}init()});
    </script>
    <div id="dowebok">

        <div class="section">
            <div class="layui-carousel" id="test1">
                <div carousel-item>
                    <div style="background-color: rgba(0,0,0,0.5); color:#999999; font-size: 14px;">
                        <div id="bingo" class="animated fadeInLeft"><i class="layui-icon" style="font-size: 30px; color:#C9C5C5;">&#xe60b;</i> &nbsp; &nbsp;bingo!，您被彩蛋砸中了~~~
                        </div>
                        <div id="bingo2" class="animated fadeInLeft">
                            欢迎来到开发者界面！
                        </div>
                        <div id="bingo3" class="animated fadeInLeft">
                            这里是我们叁自娱自乐的地方~好让枯燥的代码变得有趣一些！
                        </div>
                        <div id="bingo4" class="animated fadeInLeft">
                            以下是关于此系统开发过程的一些介绍~
                        </div>
                        <!--<div id="menu1">-->
                        <a href="#page2">
                            <div id="tuku" style="color:#AAAAAA;" data-menuanchor="page2" class="animated fadeInUp">手稿集</div>
                        </a>
                        <a href="#page4">
                            <div id="shijianzhou" style="color:#AAAAAA;" data-menuanchor="page4" class="animated fadeInUp">时间轴</div>
                        </a>
                        <!--</div>-->
                    </div>
                    <div style="background-color: rgba(255,255,255,0.5); color:#858585; font-size: 14px;">
                        <div id="bingo" class="animated fadeInLeft" style="color:#808080;"><i class="layui-icon" style="font-size: 30px; color:#686868;">&#xe613;</i> &nbsp; &nbsp;bingo!，开发小组成员名单
                        </div>
                        <div id="bingo2" class="animated fadeInLeft">
                            马忠缘：后台&数组库（哎呀，还有好多项目等着我）
                        </div>
                        <div id="bingo3" class="animated fadeInLeft">
                            滕宇鑫：前端（哎，不行，微信小程序又要延期了）
                        </div>
                        <div id="bingo4" class="animated fadeInLeft">
                            赵琨[就是我啦]：UI·美工·打杂（妈哎，Android作业还没做勒，怎么办怎么办，好方--2018.11.25）
                        </div>
                    </div>
                    <div style="background-color: rgba(0,0,0,0.5); ">
                        <div id="none" style="margin: 80px; color: #CED4DA;"><i class="layui-icon" style="font-size: 30px; color:#CED4DA;">&#xe615; </i> 这块还不知道要放什么呢！管他的，先写出来再说</div>
                        <img style="opacity: 0.0; width:80%; height:80%; display: inline-block; margin-right: -200px; margin-top:160px;" src="" />
                    </div>
                    <div style="background-color: rgba(255,255,255,0.5); color:#777777;">
                        <div id="bingo" class="animated fadeInLeft" style="color:#666666"><i class="layui-icon" style="font-size: 30px; color:#666666;">&#xe60e;</i> &nbsp; &nbsp;bingo!，开发中的彩蛋-滕禹鑫
                        </div>
                        <div id="bingo2" class="animated fadeInLeft">
                            时间：某日的中午
                        </div>
                        <div id="bingo3" class="animated fadeInLeft">
                            地点：特教C，404实验室
                        </div>
                        <div id="bingo4" class="animated fadeInLeft">
                            事件：滕禹鑫的午睡，不过看起来有点阔怕，有木有，哈哈忘了是谁偷拍的
                        </div>

                        <img style="position:relative; width:486px; height: 650px; left:600px; top:-190px; display: inline-block;" src="/resource/myresource/images/Cache.png" />
                    </div>
                    <div style="background-color: rgba(0,0,0,0.5);">
                        <div id="none" style="margin-top: 80px; margin-left: 100px; color: #CED4DA;"><i class="layui-icon" style="font-size: 30px; color:#CED4DA;">&#xe669; </i> 这块也不知道要放什么呢！不管了</div>
                        <img style="width:100%; height: 100%; opacity:0.0;" src="/resource/myresource/images/beij.jpg"></div>
                </div>
            </div>
        </div>
        <div class="section">
            <div id="photo">
                <div id="ctrlp">
                    <div id="imgzuosh1" class="imgz">
                        <img id="img1" style="opacity: 1;" src="/resource/myresource/images/0002.jpg" />
                        <div class="zhezhao">马忠缘的手稿</div>
                    </div>
                    <div id="imgzuosh2" class="imgz"><img src="/resource/myresource/images/0001.jpg" />
                        <div class="zhezhao">数据库字典</div>
                    </div>
                    <div id="imgzuosh3" class="imgz"><img src="/resource/myresource/images/0004.jpg" />
                        <div class="zhezhao">縢禹鑫的手稿</div>
                    </div>
                    <div id="imgzuosh4" class="imgz"><img src="/resource/myresource/images/0005.jpg" />
                        <div class="zhezhao">縢禹鑫的手稿</div>
                    </div>
                    <div id="imgzuosh5" class="imgz"><img src="/resource/myresource/images/0006.jpg" />
                        <div class="zhezhao">縢禹鑫的手稿</div>
                    </div>
                    <div id="imgzuosh6" class="imgz"><img id="img6" src="/resource/myresource/images/0003.jpg" />
                        <div class="zhezhao">马忠缘的手稿</div>
                    </div>
                    <div id="imgzuosh"></div>
                    <!--不存在的-->
                    <div id="imgzuosh"></div>
                </div>
                <div id="photobiao"><i class="layui-icon" style="font-size: 25px; color:#C9C5C5;">&#xe655; </i> 手稿集-部分</div>
            </div>
        </div>
        <div class="section"> <!--active-->
            <div id="ref1" class="slide">
                <div id="slixia1">
                    <div id="doub">
                        <i class="layui-icon" style="font-size: 120px; color:#C9C5C5;">&#xe62e;</i>
                    </div>
                    <div id="refsh">
                        哎呀，这块好像加载不出来了！蛋蛋去划水了(๑•́ ₃ •̀๑)<br/><br /> 点击 <b id="bb" style="background-color: rgba(0,0,0,0.3); box-shadow: 1px 1px 2px rgba(0,0,0,0.8); border-radius:15px; cursor: pointer; display: inline-block; width:80px; height:22px; line-height: 22px; text-align: center;"> 刷新<i class="layui-icon" style="font-size: 14px; color:#C9C5C5;">&#xe669;</i></b> 试试？
                    </div>

                    <div id="tiaopi"></div>
                </div>
            </div>
            <div id="ref2" class="slide">
                <div id="slixia2">
                    <div id="dandan"></div>
                    <div id="say1">(๑>◡
                        <๑)喵~你终于来啦~</div>
                    <div id="say2">咳咳，自我介绍一下吧，我不是猫！我是师院计科设备管理系统的小彩蛋，你可以叫我蛋蛋~</div>
                    <div id="say3">经过开发者大大们好久的努力，蛋蛋终于能和大家见面了！</div>
                    <div id="say4">超兴奋的喵~咳咳，好了，好了，不闹了~</div>
                    <div id="say5">对了，蛋蛋我可是很聪明很聪明的哦！</div>
                    <div id="say6">嘿嘿嘿！偷偷告诉你，关于开发者哥哥们的一些小秘密，他们让我不要讲！</div>
                    <div id="say7">但是，输入正确暗语的话，蛋蛋就告诉你哟~</div>
                    <div id="say8">还有还有哦，在这个界面，充满着各种各样隐藏的彩蛋，等着你去发现，当然当然有时间的话</div>
                    <div id="say9"></div>
                </div>
            </div>
            <div id="ref3" class="slide">
                <div id="slixia3">
                    <!--<div id="slixia3" style="text-align: center; line-height: 650px; font-size: 14px;">-->
                    <!--<i class="layui-icon" style="font-size: 25px; color:#C9C5C5;">&#xe64d; </i>
         不要急嘛！这个板块蛋蛋还没准备好呢！-->
                    <ul class="chat-thread">
                        <li class="left">什么？你问蛋蛋的性别吗，那得等蛋蛋孵出来之后才能知道</li>
                    </ul>

                    <div class="formstyle">
                        <form class="bs-example bs-example-form" role="form" >
                            <div class="input-group input-group-lg">
                                <input id="shishi" type="text" class="form-control" placeholder="点击输入">
                                <span id="button" class="input-group-addon">发送</span>
                            </div>
                            <br>
                            <!--<input type="text" style="display:none;">-->
                        </form>
                    </div>

                </div>
            </div>
            <div id="ref4" class="slide">
                <div id="slixia4" style="text-align: center; line-height: 650px; font-size: 14px; color: #171A1D; overflow: hidden;">
                    <i id="myi" class="layui-icon" style="font-size: 38px; color:#0C0C0C;"> &#xe64d; <b style=" font-size: 14px; color: #444444; font-weight:normal;">
                        玩玩小游戏吗？<span id="startg" style="position: relative; top:-3px; height:22px; width: 90px; line-height: 22px; text-align: center; background-color:rgba(0,0,0,0.7) ; border-radius: 15px; box-shadow: 1px 1px 2px rgba(0,0,0,0.95); cursor: pointer; display: inline-block; color: #D0D6D6;">
										 点此开始!</span></b></i>
                    <div id="youxia"></div>
                    <iframe id="myifr" style="width:1300px; height: 650px; " scrolling="no" frameborder="0" src="">

                    </iframe>

                </div>
                <div id="exitbtn"> 退出游戏！</div>
            </div>
        </div>
        <div class="section" id="zhou">
            <div id="timezhou" class="animated fadeInDown">
                <div id="zhouxin">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px; color:#383D41; font-weight: bold;">
                        <legend><i class="layui-icon" style="font-size: 20px; color:#16181B;">&#xe62a; </i> 开发时间轴</legend>
                    </fieldset>
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i id="timetip1" class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3  class="layui-timeline-title">10月18日</h3>
                                <p>
                                    一切准备工作似乎都已到位。发布之弦，一触即发。
                                    <br>不枉近30个日日夜夜与之为伴。因小而大，因弱而强。
                                    <br>无论它能走多远，抑或如何支撑？至少我们曾倾注全心，无怨无悔 <i class="layui-icon"></i>--致敬layui
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i id="timetip2" class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">10月25日</h3>
                                <p>不要"吃太多"哦，狗命最重要！--mzy</p>
                                <ul>
                                    <li>tips：去三层"调戏"蛋蛋咯！</li>
                                    <li>tips: 输入暗语！可以触发隐藏彩蛋哦！</li>
                                    <li>tips: 特别感谢您在百忙之中观看此彩蛋</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月15日</h3>
                                <p>
                                    感恩，感谢有你！
                                    <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
                                    <br>铭记、感恩
                                    <br>所有为中华民族浴血奋战的英雄将士
                                    <br>永垂不朽
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i id="test" class="layui-icon layui-timeline-axis">&#xe63d;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">未来，还在继续!</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>




        </div>
    </div>

    <a href="#page1">
        <div data-menuanchor="page1" id="home">
            <i class="layui-icon" style="color:#999999; font-size: 20px;">&#xe609;</i>
        </div>
    </a>
</div>

</body>

    <script type="text/javascript">
        $(document).keydown(function(event){
            //var shi = document.querySelector("#shishi").value;
            if(event.keyCode==13){
                //if(shi==""){
                //	return false;
                //}haiyouzhezhongcaozuo
                $("#button").click();

            }

        })



        /*var bika = document.getElementById("pikaqiu");
        bika.src = "resource/myresource/song.mp3";
        bika.play;*/

    </script>


</html>